
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
    <title>详情</title>
    <link rel="stylesheet" href="/${BasePath}/static/css/weui.css" media="all" />
    <link rel="stylesheet" href="/${BasePath}/static/css/font-awesome.min.css" media="all" />
    <style type="text/css">
        body{background: #ddcba3;padding-bottom: 65px}
        * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        .img{width: 100%; height:auto;}
        .fixed-bottom{position: fixed;bottom: 0;left: 0;right: 0}
        .flex{padding: 0 10px}
        .panel{border-radius: 0;border: 1px solid #e7ecf3;border-bottom: 1px solid rgba(0,0,0,0.17);margin-bottom: 15px;background: #fff;padding: 15px}
        .title{padding: 10px 0;border-bottom: 1px solid #ddd; margin-bottom: 15px}
        .btn-block{display:block;width: 80%;margin:20px auto;background: #ec1043;height: 40px;line-height: 40px;color: #fff;text-align: center;border-radius: 4px}
        .num{color:#ec1043 }
        .tr{float: right;color:#ec1043}
        .text{margin-left:2em}
    </style>
    
</head>
<body ontouchstart>
	
	<div id="app">
	    <div class="swiper-container">
	        <img :src="activitpic" class="img">
	    </div>
	    <div class="weui-tabbar fixed-bottom">
	        <a :href="'/${BasePath}/free/playerList?activityid=' +activityid" class="weui-tabbar__item">
	            <span style="display: inline-block;position: relative;">
	                <i class="weui-tabbar__icon fa fa-home"></i>
	            </span>
	            <p class="weui-tabbar__label">首页</p>
	        </a>
	        <a :href="'/${BasePath}/free/toRankList?activityid=' +activityid" class="weui-tabbar__item">
	            <i class="weui-tabbar__icon fa fa-trophy"></i>
	            <p class="weui-tabbar__label">榜单</p>
	        </a>
	        <a :href="'/${BasePath}/free/toGift?activityid=' +activityid" class="weui-tabbar__item">
	            <i class="weui-tabbar__icon fa fa-gift"></i>
	            <p class="weui-tabbar__label">奖品</p>
	        </a>
	    </div>
	</div>
    <script type="text/javascript" src="/${BasePath}/static/js/zepto.min.js"></script>
    <script type="text/javascript" src="/${BasePath}/static/js/vue.min.js"></script>
    <script type="text/javascript" src="/${BasePath}/static/js/axios.min.js"></script>
    <script type="text/javascript" src="http://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
    <script type="text/javascript" src="/${BasePath}/static/js/common.js"></script>
    <script type="text/javascript">
	    function getUrlParam(b) {
	        var c = new RegExp("(^|&)" + b + "=([^&]*)(&|$)","i");
	        var a = window.location.search.substr(1).match(c);
	        if (a != null && a[2] != "null") {
	            return decodeURIComponent(a[2])
	        }
	        return null
	    }
	    var activityid = getUrlParam('activityid');
    	var vm = new Vue({
    		el: '#app',
    		data:{
    			activitpic:''
    		},
    		created: function(){
    			var self = this;
    			axios.get('/${BasePath}/free/getActivityIntr',{
		    		params:{
		    			activityid: activityid
		    		}
		    	})
		    	.then(function(response){
		    		self.activitpic = response.data.activityintr;
		    	})
		    	.catch(function(error){
		    		console.log(error);
		    	})
    		},
    		methods:{
    			dianzan:function(){
    				
    			},
    			send:function(){
    				
    			}
    		}
    	})
    </script>
</body>
</html>
